<template>
	<view>
		<view class="switch">
            <view class="switch-title">一般用法</view>
            <view>
                <jk-switch v-model="value"></jk-switch>
            </view>
        </view>
        <view class="switch">
            <view class="switch-title">disabled</view>
            <view>
                <jk-switch v-model="value" :disabled="true"></jk-switch>
            </view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: false
			};
		},
	}
</script>

<style lang="scss">
.switch{
    padding: 5px 10px;
    &-title{
        padding-bottom: 5px;
    }
}
</style>
